<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./common.css">
    <link rel="stylesheet" href="./weui-button.css">
    <link rel="stylesheet" href="./weui-primary-loading.css">
</head>
<body>
    <!-- 不要看局部，看整体 -->
    <!-- 行业约定 套路 -->
    <!-- 类名更重要 -->
    <!-- css不重要 结构重要 -->
    <!-- 先毛坯房，再精装 -->
    <!-- 国际化命名规范 BEM -->
    <!-- .page Block 开设一个区块
        .page_hd_Element 元素
        Model --> 
    <!-- emmet 快捷切页面 -->
        <div class="page">
            <div class="page_hd">
                <h1 class="page_title">Button</h1>
                <p class="page_desc">按钮</p>
            </div>
            <!-- weui 库名 tm tb 不是结构 组件 -->
            <div class="page_bd">
                <a href="#" class="weui-btn weui-btn_primary">页面主操作</a>
                <a href="#" class="weui-btn weui-btn_default">页面次要操作</a>
                <a href="#" class="weui-btn weui_primary weui-btn_disabled">禁用按钮</a>
                <a href="#" class="weui-btn weui-btn_primary weui-btn_loading">
                <span class="weui-primary-loading weui-primary-loading_transparent">
                <i class="weui-primary-loading__dot"></i>
                </span>加载中按钮
        </a>
            </div>
        </div>
        <!-- .sidebar.user>.sidebar_recommend-author>header.sidebar_hd+.user>(.user_item>a.user_link>img.user-avatar)*4 -->
        
    <!-- 第三部分是page
    上面的说明
    下面的按钮组合 -->
</body>
</html>